<div id="interface_modo_config" style="margin: 20px 0px 0px 0px; display: none;">
    <ul class="im-nav im-nav-tabs" id="myTab_modo" style=" margin: 10px 15px -2px 15px; border: 0; background-color: #f5f5f5; border-radius: 5px 5px 0 0; ">
        <li class="active" style=" background-color: rgba(0,0,0,0); border-radius: 5px 5px 0 0; ">
            <a href="#options" data-toggle="tab">Options</a>
        </li>
        <li style=" background-color: rgba(0,0,0,0); border-radius: 5px 5px 0 0; ">
            <a href="#chat_modo" data-toggle="tab">Chat</a>
        </li>
        <li style=" background-color: rgba(0,0,0,0); border-radius: 5px 5px 0 0; ">
            <a href="#code_modo" data-toggle="tab">Code</a>
        </li>
        <i style="float: right; padding: 10px 15px;">Interface Beta v {{VERSION}}</i>
    </ul>
    <div class="im-tab-content" style=" border: none; border-radius: 0; padding: 0; margin: 0; ">
        <div class="im-tab-pane active" id="options">
            <div class="im-container" style="width: 100%;">
                <div class="im-well">
                    <div class="im-row">
                        <div class="im-col-md-6">
                            <div class="im-breadcrumb-text">
                                <h4 class="im-caption">Option jeton</h4>
                            </div>
                            <div class="im-input-group">
                                <span class="im-input-group-btn">
                                    <button class="im-btn im-btn-mini im-btn-primary" type="button" id="interface_modo_token" style="background-color: #1abc9c;border: 2px solid #1abc9c;color: #FFF;">Voir Jeton</button>
                                    <button class="im-btn im-btn-mini im-btn-primary" type="button" id="interface_modo_token_valider" style="background-color: #1abc9c;border: 2px solid #1abc9c;color: #FFF;">Valider Jeton</button>
                                </span>
                                <input type="text" class="im-form-control" id="interface_modo_token_text" placeholder=" Ici voir ou insérer et valider le Jeton" style=" height: 36px; ">
                            </div>
                        </div>
                        <div class="im-col-md-6">
                            <div class="im-breadcrumb-text">
                                <h4 class="im-caption">Option recherche de mot</h4>
                            </div>
                            <div class="im-input-group">
                                <span class="im-input-group-btn">
                                    <button class="im-btn im-btn-mini im-btn-primary" type="button" id="interface_modo_regex_pseudo_bouton" style="background-color: #1abc9c;border: 2px solid #1abc9c;color: #FFF;">Valider</button>
                                </span>
                                <input type="text" class="im-form-control" id="interface_modo_regex_pseudo" placeholder=" Mot à remplacer" style=" height: 36px; ">
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="im-row">
                        <div class="im-col-md-12">
                            <div class="im-breadcrumb-text">
                                <h4 class="im-caption">Option divers</h4>
                            </div>
                            <div class="im-col-md-2">
                                <button type="button" class="im-btn im-btn-mini im-btn-primary" id="interface_modo_TrackpadScrollEmulator">
                                    <span>Desactiver le Scroll</span>
                                </button>
                            </div>
                            <div class="im-col-md-2">
                                <button type="button" class="im-btn im-btn-mini im-btn-primary" id="interface_modo_add_remove_scrollbar">
                                    <span>Cacher la ScrollBar</span>
                                </button>
                            </div>
                            <div class="im-col-md-2">
                                <button type="button" class="im-btn im-btn-mini im-btn-primary" id="interface_modo_full_screen">
                                    <span>Activer le Full Screen</span>
                                </button>
                            </div>
                            <div class="im-col-md-2">
                                <button type="button" class="im-btn im-btn-mini im-btn-primary" id="interface_modo_nouveau_csrf_token">
                                    <span>Nouveau token</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="im-tab-pane" id="chat_modo">
            <div class="im-container" style="width: 100%;">
                <div class="im-well">
                    <div class="im-row">
                        <div class="im-col-md-12">
                            <div class="im-breadcrumb-text">
                               <h4 class="im-caption">Chat du forum</h4>
                            </div>
                            <div class="im-well">
                                <iframe id="chat_modo_forum" src="http://forumpv.gamingroom.tv/index.php?taigachat/popup" scrolling="no"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="im-tab-pane" id="code_modo">
            <div class="im-container" style="width: 100%;">
                <div class="im-well">
                    <div class="im-row">
                        <div class="im-col-md-12">
                            <div class="im-breadcrumb-text">
                                <h4 class="im-caption">Code pour le chat de la GRTV !</h4>
                            </div>
                            <div class="im-well" style=" overflow: overlay; height: 500px; ">
                                <iframe id="chat_modo_forum" src="http://192.168.1.10/grtv/ralmn/" scrolling="no" style=" height: 1500px; "></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            $('#myTab_modo a#options').tab('show')
        })
    </script>
</div>